 <!DOCTYPE >
<html xmlns:th="http://www.thymeleaf.org"> 
    <head> 
    <title></title> 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link th:href="@{/css/Data_update/style-jilu.css}" rel="stylesheet">
     <script language="javascript" type="text/javascript" th:src="@{/js/datepicker/WdatePicker.js}"></script>
     <link th:href="@{/css/Data_update/js.js}" rel="stylesheet">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    </head> 
    <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
      
        <div id="up" class="border" style="color:white;">
            <ol class="breadcrumb" style="background-color:   #408080;color:white;"><!--导航栏--> 
               <li>当前位置：</li>
                <li style="color:white;"><a style="color:white;"href="#">市政管理系统</a></li>
               <li style="color:white;"><a style="color:white;" href="#">数据管理</a></li>
               <li style="color:white;"><a style="color:white;" href="#">数据更新</a></li>
                 <li style="color:white;" class="active">数据记录</li>
            </ol>
        </div><!--导航栏--> 

        <div id="middle" class="border">
            <!--中间空白区域--> 
        </div>

        <div id="down" class="border">
               
                    
          <div id="left" ><!-- 左侧选择栏 -->
            <img th:src="@{/image/Data_update/jiaotong.jpg}">
            <div id="word1"  ><!-- 数据记录文字 -->
             数据记录
            </div><!-- 数据记录文字 -->
          </div><!-- 左侧选择栏 -->

         
           <div class="divcontent" ><!--数据滑动栏-->
             <table class="table table-bordered table-hover danger" style="color:   #408080;">
     <tbody >
      <tr>
       <th>序号 </th> 
        <th> 数据类型</th> 
          <th> 具体数据</th> 
          
      </tr>
      <tr>
      
       <td>1</td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>2</td> <td>1</td> <td>1</td>
      <tr>
       <td>3</td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>4 </td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
      </tr>
      <tr>
       <td>6 </td> <td>1</td> <td>1</td> 
      </tr>
        <tr>
       <td>1</td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>2</td> <td>1</td> <td>1</td>
      </tr>
      <tr>
       <td>3</td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>4 </td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>5</td> <td>1</td> <td>1</td> 
      </tr>
      <tr>
       <td>6 </td><td>1</td> <td>1</td> 
     </tbody> 
    </table>
     </ul>        
          </div>
          <div id="pages"><!--分页-->
          <nav aria-label="Page navigation">
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>
</div><!--分页-->
       
        </div>
    </body>
</html>
